import React from 'react'
// 状态不可变:不能直接修改state中的原值
export default class App extends React.Component {
  // 受控组件：value值受到了react状态控制的表单元素(input,textarea,select)
  state = {
    msg: '默认值...',
  }
  handleClick = (e) => {
    // e.target是拿到的dom元素
    console.log(e.target.value)
    this.setState({
      msg: e.target.value,
    })
  }
  render() {
    return (
      <>
        <input
          value={this.state.msg}
          // onChange是react内部处理之后的事件
          onChange={this.handleClick}
          type="text"
          name=""
          id=""
        />
      </>
    )
  }
}
